<template>
  <div class="login-box">
    <login-form />
    <pro-loading :msg="{}" />
    <animation-four />
    <animation-five />
  </div>
</template>

<script lang="ts" setup name="login">
  import loginForm from './components/login-form.vue'
  import animationFour from './components/animation-four.vue'
  import animationFive from './components/animation-five.vue'
</script>

<style lang="less" scoped>
  .login-box {
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    overflow: hidden;
    background: linear-gradient(90deg, #0575e6 0%, #021b79 100%);
  }
</style>
